<!DOCTYPE HTML >
<html>
    <head>
        <title>hr</title>
        <meta charset='utf-8'>
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
    </head>
    <!--  -->
    <body>
        <div class='title'>pre介绍</div>
            <p>文字描述：pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。。</p>

                <hr/>
        <div class='title'>代码示例</div>
        <div class='code'>
            <pre >
                &lt;pre&gt;
                &lt;/pre&gt;
                转义字符：
                  & l t ;     &lt;
                  & g t ;     &gt;
                  & a m p;    &amp;
                & q u o t;    &quot;
                & c o p y;    &copy;
            </pre>
        </div>
                <hr/>
        <div class=title >代码效果</div >
        <div class='result'>
            <img src='../img/pre.jpg'/>
        </div>
    </body>
</html>
